<template>
    <div>
       <h1> num:{{num}}</h1>
       <h1>doubleNum:{{doubleNum}}</h1>
    </div>
</template>

<script>
 /*
    1、计算属性:是要依赖于data中的数据，是通过对data中的数据进行逻辑运算而得到一个新的数据，data数据一旦发生变化之后，计算属性也会随之发生变化
    2、计算属性的写法
      1）标准写法
      computed:{
        计算属性的名称:{
            get(){
               return 计算的逻辑 
            }
        }
      }
      2) 简写形式
      computed:{
        计算属性名称(){
            return 计算的逻辑
        }
      }
 */
export default {
    //定义的是数据(响应式数据)
    data(){
       return{
          num:10
       } 
    },
    //计算属性
    computed:{
        // doubleNum:{
        //     get(){
        //         return this.num*2
        //     }
        // }
        doubleNum(){
            return this.num*2
        }
    }
}   
</script>

<style>

</style>